<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <title>会员中心</title>
    <script src="__PUBLIC__/home/js/jquery.js"></script>
    <script src="__PUBLIC__/vendors/layer/layer.js"></script>
</head>
<style type="text/css">
    * {
        margin: 0;
        padding: 0
    }

    a, a:active, a:focus, a:hover, a:link, a:visited {
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: transparent;
        outline: 0;
        background: 0 0;
        text-decoration: none
    }

    .clearfix:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0
    }

    .clearfix {
        zoom: 1
    }

    li {
        list-style: none
    }

    .kongg {
        height: 70px
    }

    .bg_fixed {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: url(__PUBLIC__/home/images/v8_1.png);
        background-size: 100% 100%
    }

    .footer {
        height: 65px;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }

    .footer ul li {
        float: left;
        width: 25%;
        text-align: center;
        position: relative
    }

    .footer ul li a {
        display: inline-block;
        width: 100%;
        height: 100%
    }

    .footer ul li a img {
        width: 2rem;
        position: relative;
        height: 2rem;
        top: 3px !important;
        padding-bottom: 2px
    }

    .footer ul li a p {
        font-size: .95rem;
        color: #fff;
        margin-top: 1px;
    }

    .footer ul li a .p1.select {
        color: #fff
    }

    .dt_section1 .p1 {
        font-size: 1rem;
        color: #fff;
        position: relative;
        font-weight: bold
    }
    .dt_section1 .p1 .s1{
        font-weight: normal;
        font-size: 0.8rem;
        display: inline-block;
        background: url("__PUBLIC__/home/images/v10_a26.png");
        background-size: 100% 100%;
        padding: 3px 10px;
        margin-left: 5px;
    }

    .dt_section1 .p2 {
        font-size: .8rem;
        color: #04c5f0;
        margin-top: 8px;
    }

    .dt_section1_1 {
        position: relative
    }

    .dt_section1_1 .imm1 {
        position: absolute;
        right: 0;
        top: 10px;
        width: 28px
    }

    .dt_section1 {
        padding: 18px;
        padding-top: 15px
    }

    .dt_section2 {
        padding: 8px;
        margin-top: 22px;
        padding-top: 0
    }

    .dt_section3 {
        padding: 8px;
        margin-top: 5px;
        padding-top: 0
    }

    .dt_section4 {
        padding: 8px;
        margin-top: 5px;
        padding-top: 0
    }
    .dt_section2{
        padding: 0px 20px;
    }
    .dt_section3{
        padding: 8px 20px;
    }
    .dt_section2_1 {
        background: url(__PUBLIC__/home/images/v10_a27.png);
        background-size: 100% 100%;
        border-radius: 10px;
        padding: 10px 10px;
        padding-bottom: 25px;
    }
    .dt_section2_1 ul li {
        /*flex: auto;*/
        float: left;
        width: 33%;
        margin-top: 15px;
        text-align: center
    }

    .dt_section2_1 li .p1 {
        color: #fff;
        font-size: 1.3rem;
        margin-bottom: 5px;
        font-weight: bold
    }

    .dt_section2_1 li .p2 {
        color: #04c5f0;
        font-size: 0.95rem
    }
    .dt_section3{
        padding: 0px 20px;
    }
    .dt_section3_1 {

        border-radius: 10px;
        padding: 5px 10px;
    }

    .dt_section3_1 ul {

    }

    .dt_section3_1 li {
        float: left;
        width: 33.3%;
        text-align: center;
        padding: 10px 0
    }

    .dt_section3_1 .l1 .p1 {
        position: relative;
        left: 2px
    }

    .dt_section3_1 .l1 img {
        position: relative;
        left: 2px
    }

    .dt_section3_1 .l2 {
        height: 58px;
        position: relative;
        top: 2px
    }

    .dt_section3_1 .l2 .p1 {
        position: relative;
        top: -2px
    }

    .dt_section3_1 .l3 {
    }

    .dt_section3_1 li .p1 {
        color: #fff;
        font-size: 0.9rem;
        margin-top: 5px
    }

    .dt_section3_1 li img {
        width: 65px
    }
    .dt_section4{
        padding: 0px 5px;
    }
    .dt_section4_1 {
        border-radius: 10px;
    }

    .dt_section4_1 li {
        float: left;
        width: 50%;
        text-align: center;
        margin: 0px !important;
        height: 100px !important;
        overflow: hidden;
    }
    .dt_section4_1 li .big{
        width: 95%;
        margin: 0 auto;
        background: url(__PUBLIC__/home/images/v10_a31.png);
        background-size: 100% 100%;
        padding: 20px 0px;
    }

    .dt_section4_1 li img {
        width: 55px !important;
        height: 55px !important;
        border-radius: 50%;
        padding: 0px !important;
    }

    .dt_section4_1 li .p1 {
        color: #04c5f0;
        font-size: 0.9rem;
        margin-top: 5px;
        display: inline-block;
        position: relative;
        top: -20px;
    }

    .noread {
        font-size: 0.7rem;
        color: #fff;
        position: absolute;;
        top: -4px;
        left: 80%;
        display: inline-block;
        background: red;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 9px;
    }
    .bg_fixed_v10_2{
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        z-index: -1;
        background: url(__PUBLIC__/home/images/v10_a18.png);
        height: 100%;
        background-size: 100% 100%;
    }
    .sectionY_tttt{
        position: relative;
    }
    .sectionY_tttt .a2{
        position: absolute;
        right: 20px;
        top: 15px;
        width: 1rem;
    }
    .sectionY_tttt .a2 img{
        width: 1.5rem;
    }
    .sectionY_tttt .p1{
        text-align: center;
        padding-top: 3px;
    }
    .sectionY_tttt .p1 .ppp_title{
        display: inline-block;
        background: url("__PUBLIC__/home/images/v10_a8.png");
        background-size: 100% 100%;
        padding: 0px 20px;
        height: 40px;
        line-height: 40px;
        margin-top: 2px;
    }
    .dt_section1_1 .a1{
        float: left;
        margin-right: 15px;
    }
    .dt_section1_1 .a1 img{
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 2px solid #5b7eb0;
    }
    .dt_section1_1 .a2{
        float: left;
    }
    .v10_alert{
        position: fixed;
        width: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 99999;
        top: 0px;
        height: 100%;
        z-index: 999;
        display: none;
    }
    .v10_alert_1{
        position: absolute;
        width: 80%;
        left: 10%;
        top: 20%;
        height: 40%;
        overflow: scroll;
        background: url("__PUBLIC__/home/images/v10_a10.png");
        background-size: 100% 100%;
    }
    .v10_alert_1 .v10_alert1_title{
        text-align: center;
        padding-top: 30px;
    }
    .v10_alert_1 .v10_alert1_title .p1{
        color: #fff;
        font-size: 1.1rem;
    }
    .v10_alert_1 .v10_alert1_center{
        padding-top: 10px;
        padding: 15px;
        height: 60%;
        overflow: scroll;
    }
    .v10_alert_1 .v10_alert1_centerx{
        padding-top: 10px;
        padding: 15px;
        height: 30%;
        overflow: scroll;
        text-align: center;
    }
    .v10_alert_1 .v10_alert1_center .p1{
        font-size: 0.9rem;
        color: #fff;
        line-height: 26px;
    }
    .v10_alert_1 .v10_alert1_center .p1 .s1{
        color: #04c5f0;
    }
    .v10_alert_1 .v10_alert1_last{
        text-align: center;
        margin-top: 10px;
    }
    .v10_alert_1 .v10_alert1_last a{
        display: inline-block;
        height: 30px;
        line-height: 30px;
        background: #359ad0;
        border: 1px solid #29f5ff;
        border-radius: 4px;
        color: #fff;
        font-size: 0.95rem;
        padding: 0px 20px;
    }
</style>
<body style="overflow-x: hidden">
<div class="bg_fixed_v10_2"></div>
<div class="sectionY sectionY_tttt" >
    <p class="p1" style="color: #fff">
        <span class="ppp_title">我的</span>
    </p>
    <a href="{:url('Set/index')}" class="a2">
        <img src="__PUBLIC__/home/images/v10_a24.png" alt="">
    </a>
</div>
<div class="dt_section1">
    <div class="dt_section1_1 clearfix">
        <div class="a1">
            <img src="__PUBLIC__/home/images/v10_a25.png" alt="">
        </div>
        <div class="a2">
            <p class="p1">{$userinfo.username} <span class="s1">{$userinfo.userlevel}</span></p>
            <p class="p2">ID/手机：{$userinfo.selfphone} &nbsp;&nbsp; </p>
        </div>
<!--        <a href="{:url('Set/index')}">-->
<!--            <img src="/images/z10.png" alt="" class="imm1">-->
<!--        </a>-->
    </div>
</div>
<div class="dt_section2" style="margin-top: 0px">
    <div class="dt_section2_1 clearfix">
        <ul>
            <li >
                <a href="{:url('Set/finance')}">
                    <p class="p1">{$userinfo.integral|intval}</p>
                    <p class="p2">共享豆</p>
                </a>
            </li>
            <li >
                <a href="{:url('User/atcList')}">
                    <p class="p1">{$userinfo.wagesall}</p>
                    <p class="p2">团队奖</p>
                </a>
            </li>
            <li >
                <a href="javascript:;" class='allproperty'>
                    <p class="p1">{$userinfo.property}</p>
                    <p class="p2">总资产</p>
                </a>
            </li>
        </ul>
        <ul>
            <li >
                <a href="{:url('Set/popularize')}">
                    <p class="p1">{$userinfo.pushs}</p>
                    <p class="p2">推广收益</p>
                </a>
            </li>
            <li >
                <a href="{:url('Set/cumulative')}">
                    <p class="p1">{$userinfo.profits}</p>
                    <p class="p2">累计收益</p>
                </a>
            </li>
            <li >
                <a href="{:url('Set/bot')}">
                <p class="p1">{$userinfo.mybot}</p>
                    <p class="p2">SCB</p>
                </a>
            </li>
<!--            <li >-->
<!--                <a href="{:url('Set/index')}">-->
<!--                    <img src="/images/z10.png" alt="" class="imm1" style="width: 27px;">-->
<!--                    <p class="p2">设置</p>-->
<!--                </a>-->
<!--            </li>-->
        </ul>
    </div>
</div>
<div class="dt_section3">
    <div class="dt_section3_1 clearfix">
        <ul class="clearfix">
            <li class="l1" style="position: relative">
                {if $countnum['buynoread'] > 0}
                <label class='noread' style="left: 60%;top: 17%; width: 13px;height: 13px;"></label>
                {/if}
                <a href="{:url('Rent/index')}">
                    <img src="__PUBLIC__/home/images/v10_a28.png" alt="">
                    <p class="p1">
                        抢购记录
                    </p>
                </a>
            </li>
            <li class="l2">
                <a href="{:url('Rent/transfer')}">
                    <img src="__PUBLIC__/home/images/v10_a29.png" alt="">
                    <p class="p1">
                        转让记录
                        {if $countnum['salenoread'] >= 0}
                        <!--								<label class='noread'>{$countnum.salenoread}</label>-->
                        {/if}
                    </p>
                </a>
            </li>
            <li class="l3">
                <a href="{:url('Rent/apply')}">
                    <img src="__PUBLIC__/home/images/v10_a30.png" alt="">
                    <p class="p1">预约记录</p>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="dt_section4">
    <div class="dt_section4_1 clearfix">
        <ul>
            <li class="l1">
                <div class="big">
                    <a href="{:url('Paytype/safecenter')}">
                        <img src="__PUBLIC__/home/images/v10_a32.png" alt="">
                        <p class="p1">安全中心</p>
                    </a>
                </div>
            </li>
            <li class="l1">
                <div class="big">
                    <a href="{:url('Paytype/new_add')}">
                        <!--                    <a href="{:url('User/add_bank')}">-->
                        <img src="__PUBLIC__/home/images/v10_a33.png" style="width: 30px;padding-bottom: 2px;padding-top: 4px" alt="">
                        <p class="p1">收款方式</p>
                    </a>
                </div>
            </li>
            <li class="l1">
                <div class="big">
                    <a href="{:url('User/checkCertify')}">
                        <img src="__PUBLIC__/home/images/v10_a34.png" style="width: 32px;padding-bottom: 4px;padding-top: 5px" alt="">
                        <p class="p1">实名认证</p>
                    </a>
                </div>
            </li>
            <li class="l1">
                <div class="big">
                    <a href="{:url('User/myteam')}">
                        <!--						<a href="{:url('User/myteam')}">-->
                        <img src="__PUBLIC__/home/images/v10_a35.png" alt="">
                        <p class="p1">我的团队</p>
                    </a>
                </div>
            </li>
            <li class="l1">
                <div class="big">
                    <a href="{:url('User/invites')}">
                        <img src="__PUBLIC__/home/images/v10_a36.png" alt="">
                        <p class="p1">邀请好友</p>
                    </a>
                </div>
            </li>
            <li class="l1">
                <div class="big">
                    <a href="{:url('News/customer',array('ty'=>2))}">
                        <img src="__PUBLIC__/home/images/v10_a37.png" alt="">
                        <p class="p1">线上客服</p>
                    </a>
                </div>
            </li>
<!--            <li class="l1">-->
<!--                <div class="big">-->
<!--                    <a href="{:url('News/index')}">-->
<!--                        <img src="__PUBLIC__/home/images/v10_a37.png" alt="">-->
<!--                        <p class="p1">系统消息</p>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </li>-->
        </ul>
    </div>
</div>
<div class="kongg"></div>
{include file="public/newfoot"}
<style>


</style>
<!--v10 公告弹窗-->
<div class="v10_alert">
    <div class="v10_alert_1">
        <div class="v10_alert1_title">
            <p class="p1">提示</p>
        </div>
        <div class="v10_alert1_center v10_alert1_centerx">
            <p class="p1">您当前拥有总资产：<span class="s1">{$userinfo.property}</span></p>
        </div>
        <div class="v10_alert1_last">
            <a href="javascript:;" class="close_adf">确定</a>
        </div>
    </div>
</div>


</body>
<script>
    $(function () {
        $(".bg_fixed").css("height", ($(window).height()));
        $(function () {
            $('.allproperty').click(function () {
                $(".v10_alert").show()
                // var vartip = $('.allproperty .p1').html();
                // layer.alert("您当前拥有总资产：" + vartip, {title: '程序提示', shade: 0.8});
            });
        });
    })
</script>
<script>
    $(function () {
        $(".close_adf").click(function () {
            $(".v10_alert").hide()
        })
    })
</script>
</html>
